<template>
	<text :class="badgeClass" :style="badgeStyle" class="freeBadge bg-danger text-white rounded-circle font-sm ">{{num}}</text>
</template>

<script>
	export default {
		props:{
			num:{
				default:0,
				type:[String,Number]
			},
			badgeClass:{
				default:"",
				type:String
			},
			badgeStyle:{
				default:"",
				type:String
			},
		}
	}
</script>

<style scoped>
	.freeBadge{
		padding-left: 10rpx;padding-right: 10rpx;padding-top: 2rpx;padding-bottom: 2rpx;
	}
</style>
